/*首页*/
.index{
	width: 100%;
	height: 100%;
	position: relative;
}
.index .index-title{
	width: 70%;
	position: absolute;
	top: 5%;
	left: 15%;
}
.index .flower{
	width: 70%;
    height: 40%;
    position: absolute;
    left: 15%;
    top: 29%;
}
.index .f2{
	position: absolute;
	width: 88%;
	top: 6%;
	left: 6%;
}
.index .f3{
	position: absolute;
	width: 74%;
	top: 13%;
	left: 13%;
}
.index .f4{
	position: absolute;
	width: 60%;
	top: 20%;
	left: 20%;
}
.index .f5{
	position: absolute;
	width: 50%;
	top: 25%;
	left: 25%;
	
}
.index .f6{
	position: absolute;
	width: 28%;
	top: 36%;
	left: 36%;
}
.index .f7{
	position: absolute;
	width: 8%;
	top: 46%;
	left: 46%;
}
.index .start-game{
	width: 40%;
	position: absolute;
	bottom: 17%;
	left: 30%;
}
.index .c-teen{
	width: 40%;
	position: absolute;
	bottom: 10%;
	left: 30%;
}
.index .game-rule{
	width: 100%;
	position: absolute;
	text-align: center;
	bottom: 5%;
}
.index .game-rule a{
	color: darkgoldenrod;
	font-size: 0.65rem;
	text-decoration: none;
}
.index .chicken-feet{
	width: 20%;
	height: 10%;
	position: absolute;
	left: 0;
	bottom: 13%;
	background: url(../img/chicken-feet.png) repeat-x;
	background-size: 90% 10%;
	background-position: 0 90%;
}
.index .chicken{
	width: 100%;
	position: absolute;
	bottom: 13%;
	left: 10%;
}


/*末页*/
.last{
	width: 100%;
	height: 100%;
}
.last .last-title{
	width: 70%;
	position: absolute;
	top: 5%;
	left: 15%;
}
.last .flower{
	width: 70%;
    height: 40%;
    position: absolute;
    left: 15%;
    top: 29%;
}
.last .f1{
	opacity: 0;
}
.last .f2{
	position: absolute;
	width: 88%;
	top: 6%;
	left: 6%;
	opacity: 0;
}
.last .f3{
	position: absolute;
	width: 74%;
	top: 13%;
	left: 13%;
	opacity: 0;
}
.last .f4{
	position: absolute;
	width: 60%;
	top: 20%;
	left: 20%;
	opacity: 0;
}
.last .f5{
	position: absolute;
	width: 50%;
	top: 25%;
	left: 25%;
	opacity: 0;
	
}
.last .f6{
	position: absolute;
	width: 28%;
	top: 36%;
	left: 36%;
	opacity: 0;
}
.last .f7{
	position: absolute;
	width: 8%;
	top: 46%;
	left: 46%;
	opacity: 0;
}
.last .game-rule{
	width: 100%;
	position: absolute;
	text-align: center;
	bottom: 5%;
}
.last .game-rule a{
	color: #b10000;
	font-size: 0.65rem;
	text-decoration: none;
}


/*二维码*/
.code-box .code-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.code-box .code{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.code-box .start-game{
	position: absolute;
	width: 40%;
	bottom: 5%;
	left: 30%;
}


/*game1*/
.game1{
	width: 100%;
	height:100%;
	background: url(../img/guo1-bg.jpg) no-repeat;
	background-size: 100% 100%;
	text-align: center;
}
.game1 .guo1-title{
	width: 75%;
	margin: 0 auto;
}
.game1 .guo1{
	width: 60%;
	margin: 0 auto;
}
.game1 .guo1-footer{
	position: absolute;
	bottom: 10%;
	left: 15%;
	width: 70%;
}
.game1 .guo1-2selected{
	top: 15%;
	height: 40%;
	width: 100%;
}
.game1 .guo1-2gai1{
	width: 36%;
}
.game1 .guo1-2gai2{
	width: 72%;
}
.game1 .guo1-2footer{
	position: absolute;
	width: 60%;
	top: 65%;
	left: 20%;
}
.game1 .guo1-2footer img{
	width: 100%;
}
.game1 .start-btn{
	width: 40%;
	position: absolute;
	top: 80%;
	left: 30%;
}
.game1 .guo1-3selected{
	width: 90%;
	height: 40%;
	position: relative;
	margin: 0 auto;
	top: 15%;
}
.game1 .item{
	position: absolute;
	width: 42%;
}
.game1 .item img{
	width: 100%;
}
.game1 .i1{
	left: 4%;
	top: 50%;
}
.game1 .i2{
	left: 54%;
	top: 50%;
}
.game1 .i3{
	top: 0;
	left: 29%;
}
.game1 .zhenguo{
	position: absolute;
	top: 20%;
}
.game1 .zhenguo .bounce{
	width: 55%;
}


/*game2*/
.game2{
	width: 100%;
	height:100%;
	background: url(../img/guo2-bg.jpg) no-repeat;
	background-size: 100% 100%;
	text-align: center;
}
.game2 .guo2-title{
	width: 75%;
	margin: 0 auto;
}
.game2 .guo2{
	width: 60%;
	margin: 0 auto;
}
.game2 .guo2-footer{
	position: absolute;
	bottom: 10%;
	left: 15%;
	width: 70%;
}
.game2 .guo2-2selected{
	top: 15%;
	height: 40%;
	width: 100%;
}
.game2 .guo2-2gai1{
	width: 30%;
}
.game2 .guo2-2gai2{
	width: 60%;
}
.game2 .guo2-2footer{
	position: absolute;
	width: 60%;
	top: 65%;
	left: 20%;
}
.game2 .guo2-2footer img{
	width: 100%;
}
.game2 .start-btn{
	width: 40%;
	position: absolute;
	top: 80%;
	left: 30%;
}
.game2 .guo2-3selected{
	width: 90%;
	height: 40%;
	position: relative;
	margin: 0 auto;
	top: 15%;
}
.game2 .item{
	position: absolute;
	width: 45%;
}
.game2 .item img{
	width: 100%;
}
.game2 .i1{
	left: 2.5%;
	top: 60%;
}
.game2 .i2{
	left: 52.5%;
	top: 60%;
}
.game2 .i3{
	top: 0;
	left: 27.5%;
}
.game2 .zhenguo{
	position: absolute;
	top: 20%;
}
.game2 .zhenguo .bounce{
	width: 45%;
}


/*game3*/
.game3{
	width: 100%;
	height:100%;
	background: url(../img/guo3-bg.jpg) no-repeat;
	background-size: 100% 100%;
	text-align: center;
}
.game3 .guo3-title{
	width: 75%;
	margin: 0 auto;
}
.game3 .guo3{
	width: 60%;
	margin: 0 auto;
}
.game3 .guo3-footer{
	position: absolute;
	bottom: 10%;
	left: 15%;
	width: 70%;
}
.game3 .guo3-2selected{
	top: 15%;
	height: 40%;
	width: 100%;
}
.game3 .guo3-2gai1{
	width: 30%;
}
.game3 .guo3-2gai2{
	width: 60%;
}
.game3 .guo3-2footer{
	position: absolute;
	width: 60%;
	top: 65%;
	left: 20%;
}
.game3 .guo3-2footer img{
	width: 100%;
}
.game3 .start-btn{
	width: 40%;
	position: absolute;
	top: 80%;
	left: 30%;
}
.game3 .guo3-3selected{
	width: 90%;
	height: 40%;
	position: relative;
	margin: 0 auto;
	top: 15%;
}
.game3 .item{
	position: absolute;
	width: 45%;
}
.game3 .item img{
	width: 100%;
}
.game3 .i1{
	left: 2.5%;
	top: 60%;
}
.game3 .i2{
	left: 52.5%;
	top: 60%;
}
.game3 .i3{
	top: 0;
	left: 27.5%;
}
.game3 .zhenguo{
	position: absolute;
	top: 20%;
}
.game3 .zhenguo .bounce{
	width: 45%;
}